<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">

    <title>在线监测系统-首页</title>
    <meta name="keywords" content="姿态传感器，在线监测">
    <meta name="description"
          content="XHDL，在线监测系统">

    <link href="{{ url_for('static',filename ='css/test.css') }}" rel="stylesheet">

    <link href="{{ url_for('static',filename ='css/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ url_for('static',filename ='font-awesome/font-awesome.css') }}" rel="stylesheet">

    <!-- Morris -->
    <link href="{{ url_for('static',filename ='css/plugins/morris/morris-0.4.3.min.css') }}" rel="stylesheet">

    <!-- Gritter -->
    <link href="{{ url_for('static',filename ='js/plugins/gritter/jquery.gritter.css') }}" rel="stylesheet">

    <link href="{{ url_for('static',filename ='css/animate.css') }}" rel="stylesheet">
    <link href="{{ url_for('static',filename ='css/style.css') }}" rel="stylesheet">

    <link href="{{ url_for('static',filename ='css/common.css') }}" rel="stylesheet">


    <link href="{{ url_for('static',filename ='css/myindex.css') }}" rel="stylesheet">

</head>

<body>
<div id="wrapper">
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <li class="nav-hd ">
                    <img src="../static/img/logo.png" alt="">

                </li>
                <li class="active">
                    <a href="{{ url_for('index') }}">
                        <i class="fa fa-th-large"></i>
                        <span class="nav-label">监测主页</span>
                    </a>
                </li>
                <li>
                    <a href="{{ url_for('auth.history') }}"><i class="fa fa-columns"></i> <span
                            class="nav-label">历史曲线</span></a>
                </li>
                <li>
                    <a href="{{ url_for('auth.reporter') }}"><i class="fa fa fa-globe"></i> <span
                            class="nav-label">报表浏览</span></a>
                </li>

                <li>
                    <a href="{{ url_for('auth.equip') }}"><i class="fa fa-bar-chart-o"></i> <span
                            class="nav-label">设备管理</span></a>
                </li>
                <li>
                    <a href="{{ url_for('auth.warning') }}"><i class="fa fa-envelope"></i> <span
                            class="nav-label">预警记录</span><span class="label label-warning pull-right"></span></a>
                </li>
                <li>
                    <a href="{{ url_for('auth.user_manage') }}"><i class="fa fa-envelope"></i> <span
                            class="nav-label">用户管理</span><span class="label label-warning pull-right"></span></a>
                </li>
            </ul>

        </div>
    </nav>

    <div id="page-wrapper" class="gray-bg dashbard-1">

        <div class="header">
            <div class="row">
                <h1>姿态传感器监测系统</h1>
                <div class="user">
                    <ul>
                        <li>欢迎光临XHDL姿态在线监测系统，<a href="#">去注册</a></li>
                        <li>
                            <img src="../static/img/user.png" alt="">
                        </li>
                        <li>
                            <p>管理员名称</p>
                        </li>
                        <li>
                            <a href="{{ url_for('auth.logout') }}">
                                <i class="fa fa-sign-out"></i> 退出
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="wrapper wrapper-content">
            <div class="row">
                <div class="col-lg-3">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <span class="label label-success pull-right"></span>
                            <h5>roll</h5>
                        </div>
                        <div class="ibox-content">
                            <h1 class="no-margins roll_data"></h1>
                            <div class="stat-percent text-success time_data"><span
                                    class="glyphicon glyphicon-time"></span>
                            </div>
                            <small class="time_label">时间</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <span class="label label-info pull-right"></span>
                            <h5>pitch</h5>
                        </div>
                        <div class="ibox-content">
                            <h1 class="no-margins pitch_data"></h1>
                            <div class="stat-percent text-info time_data"><span
                                    class="glyphicon glyphicon-time"></span>
                            </div>
                            <small class="time_label">时间</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <span class="label label-primary pull-right"></span>
                            <h5>yaw</h5>
                        </div>
                        <div class="ibox-content">
                            <h1 class="no-margins yaw_data"></h1>
                            <div class="stat-percent text-navy time_data"><span
                                    class="glyphicon glyphicon-home"></span>
                            </div>
                            <small class="time_label">时间</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <span class="label label-primary pull-right"></span>
                            <h5>设备名称：LED灯</h5>
                            <h5 style="float: right">设备号：012</h5>
                        </div>
                        <div class="ibox-content">
                            <h1 class="no-margins "></h1>

                            <div>
                                <h5>设备状态</h5>
                            </div>
                            <div>
                                <h5>设备预测</h5>
                            </div>
                            <div class="stat-percent text-navy time_data"><span
                                    class="glyphicon glyphicon-time"></span>
                                6666年66月66日6时59分59秒
                            </div>
                            <small class="time_label ">时间</small>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>实时曲线</h5>
                        </div>
                        <div class="ibox-content">
                            <div class="real_time">
                                <div class="chart"></div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-lg-4">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>消息</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                                <a class="close-link">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content ibox-heading">
                            <h3><i class="fa fa-envelope-o"></i> 新消息</h3>
                            <small><i class="fa fa-tim"></i> 您有22条未读消息</small>
                        </div>
                        <div class="ibox-content">
                            <div class="feed-activity-list">

                                <div class="feed-element">
                                    <div>
                                        <small class="pull-right text-navy">1月前</small>
                                        <strong>管理员1</strong>
                                        <div>发生一次分合不到位事件</div>
                                        <small class="text-muted">4月11日 00:00</small>
                                    </div>
                                </div>

                                <div class="feed-element">
                                    <div>
                                        <small class="pull-right">2月前</small>
                                        <strong>管理员1 </strong>
                                        <div>发生一次卡涩事件</div>
                                        <small class="text-muted">2月8日 20:08 </small>
                                    </div>
                                </div>

                                <div class="feed-element">
                                    <div>
                                        <small class="pull-right">5月前</small>
                                        <strong>管理员1 </strong>
                                        <div>发生一次拒动事件</div>
                                        <small class="text-muted">11月8日 20:08 </small>
                                    </div>
                                </div>


                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
        <div class="footer">
            <div class="pull-right">
                <spand>By:开心</spand>
            </div>
            <div>
                <strong>Copyright</strong> XHDL &copy; 2023
            </div>
        </div>
    </div>
</div>

<!-- Mainly scripts -->
<script src="{{ url_for('static',filename ='js/jquery-2.1.1.min.js') }}"></script>
<script src="{{ url_for('static',filename ='js/echarts.min.js') }}"></script>
<script src="{{ url_for('static',filename ='js/myindex.js') }}"></script>


</body>

</html>
